        <html>
    <head>
        <title>PasswordSafe Login</title>
        <script type="text/javascript" src="js/jquery-1.3.2.js" language="javascript"></script>
        <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js" language="javascript"></script>
        <link rel="icon" type="image/gif" href="images/plogo.gif" />
        <link rel="stylesheet" href="CSS/jquery-ui-1.7.2.custom.css" type="text/css" />
        <jsp:include page="/background.jsp"/>
        <style type="text/css">
        a{
            outline: none;
        }

        a:active{
            outline: none;
        }

        #Login{
        text-align:left;
        }

        #Login h2{
            color:fuchsia;
            font-size:110%;
            font-family:arial;
            margin:10px 10px 10px 10px;
            font-weight:bold !important;
        }

        #Login h2 span{
            font-size:125%;
            font-weight:normal !important;
        }

        #Login ul{
            margin:0px 0px 0px 0px;
            padding:0px 0px 0px 0px;
        }

        #Login li{
            margin:0px 10px 3px 10px;
            padding:2px;
            list-style-type:none;
            display:block;
            width:177px;
            color:#FF0000;
        }

        #Login a{
            width:100%;
        }

        #Login a:link,
        #Login a:visited{
            color:fuchsia;
            font-family:verdana;
            font-size:100%;
            text-decoration:none;
            display:block;
            margin:0px 0px 0px 0px;
            padding:0px;
            width:100%;
        }

        #Login a:hover{
            color:#FF0000;
            text-decoration:underline;
        }

        #Login{
            border-width: 5px;
            border-color: #000000;
            position: absolute;
            width: 200px;
            height: 100px;
            top: 33%;
            left:25%;
        }

        #signUp{
            border-width: 5px;
            border-color: #000000;
            position: absolute;
            float:left;
            overflow:hidden !important;
            width:200px;
            height:300px;
            top: 33%;
            left:55%;
        }

        #signUp a:link,
        #signUp a:visited{
            color:fuchsia;
            font-family:verdana;
            font-size:100%;
            text-decoration:none;
            display:block;
            margin:0px 0px 0px 0px;
            padding:0px;
            width:100%;
        }

        #signUp a:hover
           {
               color:fuchsia;
               text-decoration:underline;
           }

        #LoginContents{
            float:left;
            overflow:hidden !important;
            width:200px;
            height:320px;
        }

        #LoginContentsInner{
            width:250px;
        }

        #error{
            color: red;
            position: absolute;
            top:15%;
            left:35%;
        }
        </style>
        <script language="javascript" type="text/javascript">
        function createXMLHTTP()
        {
            var xmlhttp = false;
            try{xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");}
            catch (e){
                try{xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");}
                catch (E){xmlhttp = false;}}
            if (!xmlhttp && typeof XMLHttpRequest != 'undefined'){
                try{xmlhttp = new XMLHttpRequest();}
                catch (e){xmlhttp = false;}}
            if (!xmlhttp && window.createRequest){
                try{xmlhttp = window.createRequest();}
                catch (e){xmlhttp = false;}}
            return xmlhttp;
        }
        function signupPopup()
        {
            var xhr = createXMLHTTP();
            if (xhr)
            {
                var params = '';
                xhr.onreadystatechange = function ()
                {
                    if (xhr.readyState == 4)
                    {
                        if (xhr.status == 200)
                        {
                            var returnedObject = xhr.responseText;
                            displayPopup(returnedObject);
                        }
                        else
                        {
                            alert('Unable to fetch Account Data. Status code: ' + xhr.status);
                        }
                    }
                }
                xhr.open('POST', 'NewClient.jsp', true);
                xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                xhr.setRequestHeader("Content-length", params.length);
                xhr.setRequestHeader("Connection", "close");
                xhr.setRequestHeader('If-Modified-Since', 'Wed, 15 Jan 1995 01:00:00 GMT');
                xhr.send(params);
            }
            else
            {
                alert('Could not create XMLHttpRequest.');
            }
        }

        function displayPopup(returnedObject)
        {
            $(returnedObject).dialog({
                close: function(event, ui) { $(this).remove(); },
                resizable: false,
                width: 600,
                modal: true,
                hide: 'puff',
                show: 'puff',
                buttons: {
                    Cancel: function () { $(this).remove(); }
                }
            });
        }
        function checkPasswordMatch()
        {
            var pass = document.getElementById("password");
            var confpass = document.getElementById("confirmpassword");
            if (pass.value == null || pass.value == "")
            {
                alert("You can't leave the password blank.");
                pass.focus();
            }
            else if (pass.value != confpass.value)
            {
                alert("The passwords don't match. Please try again.");
                pass.value="";
                confpass.value="";
                pass.style.backgroundColor='#FF6699';
                confpass.style.backgroundColor='#FF6699';
                pass.focus();
            }
            else
            {
                //alert("The passwords DO match.");
                pass.style.backgroundColor="lightgreen";
                confpass.style.backgroundColor="lightgreen";
                enableSubmitButton();
            }
        }
        function disableSubmitButton()
        {
            //alert("made it in");
            var submitbutton = document.getElementById("submit")
            //submitbutton.setAttribute('readonly',true);
            submitbutton.disabled=true;
            //alert("made it out");
        }
        function enableSubmitButton()
        {
            var submitbutton = document.getElementById("submit");
            submitbutton.disabled=false;
            submitbutton.focus();
        }
        function highlightFieldRed(fieldid)
        {
            document.getElementById(fieldid).style.backgroundColor="MistyRose";
        }
        </script>
    </head>
    <body id="body">
        <div id="error">
        <%
                                    String message = (String)session.getAttribute("theMessage");
                                    if(message != null || message != "" )
                                    {
                                        out.print(message);
                                    }
                                    else
                                        {
                                        out.print("");
                                        }
                                %>
        </div>
        <div id="Login">
            <div id="LoginContentsInner">
                <form name="Login" action="validation.jsp">
                    <table>
                        <TR><TD></TD><TD><H1>LOGIN</H1></TD><TD></TD></TR>
                        <TR><TD>Login Name:</TD><TD><input type="Text" name="txtLoginName"></TD></TR>
                        <TR><TD></TD><TD></TD></TR>
                        <TR><TD>Password:</TD><TD><input type="password" name="textPassword"></TD></TR>
                        <TR><TD></TD><TD></TD></TR>
                        <TR><TD></TD><TD><a href="forgotPassword.jsp"><font size="1">Forgot your Password?</font></a></TD></TR>
                        <TR><TD></TD><TD><input type="Submit" name="Login" value="Login"></TD><TD></TD></TR>
                    </table>
                </form>
                </div>
            </div>
        <div id="signUp">
            <table>
                <TR><TD></TD><TD><h1>Sign Up</h1></TD><TD></TD></TR>
                <TR><TD></TD><TD><A HREF="#" onclick="signupPopup();"><H3>Sign Up Here</H3></A></TD><TD></TD></TR>
            </table>
        </div>
    </body>
</html>